This presentation explores the visualization of the DevSol.xlsx data source converted to Graph Data. Graph data can seem confusing at first, illicting feelings of Anger or Fear. Visualizations of graph data can also be Artistic. For Data Nerds, the true beauty is found in the semantic inter-connectedness of the data itself.
British Television Series Spaced, S1E1
Daisy: What do you do, Brian?
Brian: I’m an artist.
Daisy: Oh… What kind of thing do you do?
Brian: Anger. Pain. Fear. Aggression.
Daisy: Oh. Watercolours?
Brian: It's a bit more complex than that.
Data is read from the spreadsheet using R and converted to graph data as Resource Description Framework.
The graph data schema replaces the traditional row-by-column representation with semantic relationships between the types of entities in the data. For example, a Person attends a Clinic, which is locatedIn a City. No other details were provided for the studies, so Phase was assigned directly to the Person, interpreted as “the person participates in a Phase n study.” The visualizations on this page focus on the people and the location of the clinics they attend.
R is used to both materialize the data into the graph model and for visualization.
This Force Directed Network Graph of the data, without labels or interactivity, only leads to feelings of anger and frustration.
Interaction: None. Observation only.
R Package: visNetwork
Parameters: Physics = repulsion, with low damping to keep the plot in motion.
“Don’t look away. Let the fear wash over you!” - David Lynch in Family Guy, How David Lynch Stole Christmas
Minimal labels (with mouseover) and misleading images only serve to evolve your anger into fear. Is this even the data? It is - which makes it all the more terrifying!
R Package: visNetwork
Parameters: randomseed layout with externally hosted images.
Bat image copyright Edward Gorey.
Data imitates art, with inspiration from Flower Garden by Gustav Klimt (1905) :
Data for this plot was subset to six patients(two male and three female
) to illustrate their connection to clinics
, cities
, states
, and country
.
TODO: Update image
Interaction: None. Observation only.
R Package: visNetwork
Other Software: GIMP
Image Preparation
Artistic|Oilify. GIMP was also used to create the background by cloning the original green background over the entire image to remove existing flowers.
The plot was created from the data using R visNetwork. The package does not allow use of background images, so the plot was saved to a transparent .PNG and then overlayed on top of the prepared background image, creating a static, non-interactive display.
Is this actual data? In the image below, start at the top by hovering your mouse over a flower and trace the route down from Person to Country, hovering over the links and nodes to reveal their relationships.
Interaction: Mouse over nodes and links to reveal labels. Drag nodes (left button, hold and drag). Zoom In/Out with mouse scroll wheel.
For graph nerds like myself, the true beauty lies in the ability to query along the semantic graph of data, without FEAR, ANGER, or Artistic Abstraction.
Interaction: Mouse over nodes to reveal labels. Drag nodes (left button, hold and drag). Zoom In/Out with mouse scroll wheel.
R Package: visNetwork
Parameters: Physics disabled. Minimal styling.
To learn more about Knowledge Graphs, sign up for my UCB Visualization Summit talk “Visualizing Knowledge Graphs: Information Solution or Ball of Confusion?” on March 24 or send me an email. - Tim Williams